<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<!DOCTYPE html>
<html lang="zh-CN">
<head> 
    <meta charset="UTF-8">
    <%@ include file="/WEB-INF/views/include/head.jsp"%>
    <link rel="stylesheet" href="${ctxStatic}/css/common_erp.css">
    <link rel="stylesheet" href="${ctxStatic}/css/layerSm.css">
    <script type="text/javascript">
     $(document).ready(function() {    	
    	$("select").select2();
    	
    });                                                                                           	              
    </script> 
</head>
<body>   
<div class="layerHeader clearfix">
	<p class="headerTitle"><spring:message code="settlement_create_ok"/></p>
    <div class="headerButton clearfix">
        <button type="button" onclick="popup('650px','519px','${ctx}/settlement/single/audit')"><spring:message code="handBook_show_button_audit"/></button>
        <button type="button" onclick="saveForm.save(this)"><spring:message code="common_save"/></button>
        <button type="button" onclick="closeWin()"><spring:message code="btn_cancle"/></button>
    </div>
</div>
<form id="inputForm" method="post" >
<c:set value="<%=ResourcesUtil.getConfig(\"customer_country\")%>" var="customerCountry" />
<c:set value="<%=ResourcesUtil.getConfig(\"package_style\")%>" var="packageStyle" />
<input type="hidden" id="colorList" name="colorList" value=""/>
<input type="hidden" id="commaCartonId" name="commaCartonId" value=""/>
<input type="hidden" id="trIndex" name="trIndex" value=""/>
<input type="hidden" id="packageStyleQuantity" name="packageStyleQuantity" value=""/>
<input type="hidden" id="packageQuantity" name="packageQuantity" value=""/>
<input type="hidden" id="packageRoughWeight" name="packageRoughWeight" value=""/>
<input type="hidden" id="packageNetWeight" name="packageNetWeight" value=""/>
<input type="hidden" id="packageVolume" name="packageVolume" value=""/>
<input type="hidden" id="id" name="id" value=""/>
<div class="tabBoxSm">
 <div class="tabSm smOrderBox">
  <div style="height:180px;">
    <!-- 款式信息 -->
    <div class="left col-50">
         <p style="margin-top:0;margin-bottom:5px;margin-left:20px;"><span style="font-size:16px;"><spring:message code="enchase_show_styleInfo_title"/></span></p>
         <div class="tableArea">
        	<div class="tableScroll tableScrollSm" style="width:470px;height:142px;">
        		<table cellpadding="0" class="tableHead">
                    <thead>
                    <tr>	
                        <!-- No. -->	
                    	<th style="width:30px;"><spring:message code="enchase_show_styleInfo_no"/></th>
                    	<!-- 合同单号 -->
                        <th><p style="width:80px;"><spring:message code="enchase_show_styleInfo_customerContractNo"/></p></th>
                        <!-- 款式编号 -->
                        <th><p style="width:80px;"><spring:message code="enchase_show_styleInfo_customerStyleNo"/></p></th>
                        <!-- 颜色 -->
                        <th style="width:70px;"><spring:message code="enchase_show_styleInfo_color"/></th>
                        <!--尺码  -->
                        <th style="width:50px;"><spring:message code="enchase_show_styleInfo_size"/></th>
                        <!-- 总件数 -->
                        <th style="width:70px;"><spring:message code="enchase_show_styleInfo_allQuantity"/></th>
                        <!-- 待装箱数 -->
                        <th style="width:70px;"><spring:message code="enchase_show_styleInfo_waitQuantity"/></th>
                    </tr>
                    </thead>
                </table>
                <table cellpadding="0" class="tableBody" id="tableIndentList">
                <c:if test="${not empty enchase.indentList}">
                    <tbody>
                    <c:forEach items="${enchase.indentList}" var="indentInfo" varStatus="status">
                    <tr>
                        <!-- NO -->
                    	<td style="width:30px;">${status.index+1}</td>
                    	<!-- 合同单号 -->
                        <td><p style="width:80px;" class="text_overflow" data-toggle='tooltip' title='${indentInfo.customerContractNo}'>${indentInfo.customerContractNo}</p></td>
                        <input type="hidden" name="indentList[${status.index}].customerContractNo" value="${indentInfo.customerContractNo}"/>
                        <!-- 客户款式编号 -->
                        <td><p style="width:80px;" class="text_overflow" data-toggle='tooltip' title='${indentInfo.styleCustomerNo}'>${indentInfo.styleCustomerNo}</p></td>
                        <input type="hidden" name="indentList[${status.index}].styleCustomerNo" value="${indentInfo.styleCustomerNo}"/>
                        <!-- 颜色 -->
                        <td style="width:70px;" class="styleInfoColor">${indentInfo.cartonColorName}</td>
                        <input type="hidden" name="indentList[${status.index}].cartonColorName" value="${indentInfo.cartonColorName}"/>
                        <!-- 尺码 -->
                        <td style="width:50px;" class="styleInfoSizeName">${indentInfo.sizeName}</td>
                        <input type="hidden" name="indentList[${status.index}].sizeName" value="${indentInfo.sizeName}"/>
                        <!-- 总件数 -->
                        <td style="width:70px;"><fmt:formatNumber value="${indentInfo.indentNumber}" pattern="#,##0"/></td>
                        <input  class="hiddenIndentListIndentNumber" type="hidden" name="indentList[${status.index}].indentNumber" value="${indentInfo.indentNumber}"/>
                        <!-- 待装箱数 -->
                        <td class="tdIndentListUnPackNumber" style="width:70px;"><fmt:formatNumber value="${indentInfo.unPackNumber}" pattern="#,##0"/></td>
                        <input class="hiddenIndentListUnPackNumber" type="hidden" name="indentList[${status.index}].unPackNumber" value="${indentInfo.unPackNumber}"/>
                        <!-- 订单id -->
                        <td class="none">${indentInfo.indentId}</td>
                        <input type="hidden" name="indentList[${status.index}].indentId" value="${indentInfo.indentId}"/>
                        <!-- 合同id -->
                        <td class="none">${indentInfo.contractId}</td>
                        <input type="hidden" name="indentList[${status.index}].contractId" value="${indentInfo.contractId}"/>
                        <!-- 款式id -->
                        <td class="none">${indentInfo.styleId}</td>
                        <input type="hidden" name="indentList[${status.index}].styleId" value="${indentInfo.styleId}"/>
                        <!-- 尺码cd -->
                        <td class="none">${indentInfo.cartonSizeCd}</td>
                        <input type="hidden" name="indentList[${status.index}].cartonSizeCd" value="${indentInfo.cartonSizeCd}"/>
                        <!-- 尺码组cd -->
                        <td class="none">${indentInfo.styleSizeGroupCd}</td>
                        <input type="hidden" name="indentList[${status.index}].styleSizeGroupCd" value="${indentInfo.styleSizeGroupCd}"/>                         
                    </tr>
                    </c:forEach>
                    </tbody>
                </c:if>
                </table>
            </div>
        </div>
    </div>
    <!-- 纸箱信息 -->
    <div class="right col-50">
         <p style="margin-top:0;margin-bottom:5px;margin-left:20px;"><span style="font-size:16px;"><spring:message code="enchase_show_cartonInfo_title"/></span></p>
         <div class="tableArea">
        	<div class="tableScroll tableScrollSm" style="width:484px;height:142px;">
        		<table cellpadding="0" class="tableHead">
                    <thead>
                    <tr>
                        <!-- No. -->
                    	<th style="width:30px;"><spring:message code="enchase_show_cartonInfo_no"/></th>
                    	<!-- 箱体名称 -->
                        <th style="width:100px;"><spring:message code="enchase_show_cartonInfo_cartonName"/></th>
                        <!-- 长 -->
                        <th style="width:55px;"><spring:message code="enchase_show_cartonInfo_length"/></th>
                        <!-- 宽 -->
                        <th style="width:55px;"><spring:message code="enchase_show_cartonInfo_width"/></th>
                        <!-- 高 -->
                        <th style="width:55px;"><spring:message code="enchase_show_cartonInfo_height"/></th>
                        <!-- 体积 -->
                        <th style="width:55px;"><spring:message code="enchase_show_cartonInfo_volume"/></th>
                        <!-- 箱重 -->
                        <th style="width:55px;"><spring:message code="enchase_show_cartonInfo_weight"/></th>
                        <!-- 总数 -->
                        <th style="width:60px;"><spring:message code="enchase_show_cartonInfo_allQuantity"/></th>
                    </tr>
                    </thead>
                </table>
            </div>
        </div>
    </div>
  </div>
  <div>
      <div class="items clearfix" id="pagePackageStyleValue">
	      <p style="margin-top:0;margin-bottom:0px;margin-left:10px;"><span style="font-size:16px;"><spring:message code="enchase_show_package_title"/></span>
	      <span style="color:#d6392d;right:650px;position:absolute;"><spring:message code="enchase_show_package_allStyleQuantity"/><span class="pagePackageStyleQuantity"><fmt:formatNumber value="${enchase.packageStyleQuantity}" pattern="#,##0"/></span></span>
	      <span style="color:#d6392d;right:500px;position:absolute;"><spring:message code="enchase_show_package_allCartonQuantity"/><span class="pagePackageQuantity"><fmt:formatNumber value="${enchase.packageQuantity}" pattern="#,##0"/></span></span>
	      <span style="color:#d6392d;right:350px;position:absolute;"><spring:message code="enchase_show_package_allRoughtWeight"/><span class="pagePackageRoughWeight"><fmt:formatNumber value="${enchase.packageRoughWeight}" pattern="#,##0.####"/></span></span>
	      <span style="color:#d6392d;right:200px;position:absolute;"><spring:message code="enchase_show_package_allNetWeight"/><span class="pagePackageNetWeight"><fmt:formatNumber value="${enchase.packageNetWeight}" pattern="#,##0.####"/></span></span>
	      <span style="color:#d6392d;right:50px;position:absolute;"><spring:message code="enchase_show_package_allVolume"/><span class="pagePackageVolume"><fmt:formatNumber value="${enchase.packageVolume}" pattern="#,##0.####"/></span></span>
	      </p>
      </div>
      <div class="tableArea">
     	<div class="tableScroll tableScrollSm" style="width:963px;height:281px;">
     		<table cellpadding="0" class="tableHead">
                 <thead>
                 <tr>
                     <!-- 操作 -->
                 	 <th rowSpan="2" style="width:30px;"><spring:message code="enchase_show_package_operate"/></th>
                 	 <!-- 合同单号 -->
                     <th rowSpan="2"><p style="width:80px;"><spring:message code="enchase_show_package_customerContractNo"/></p></th>
                     <!-- 款式编号 -->
                     <th rowSpan="2"><p style="width:80px;"><spring:message code="enchase_show_package_customerStyleNo"/></p></th>
                     <!-- 国别 -->
                     <th rowSpan="2" style="width:60px;"><spring:message code="enchase_show_package_country"/></th>
                     <!-- 包装类型 -->
                     <th rowSpan="2" style="width:60px;"><spring:message code="enchase_show_package_packageStyle"/></th>
                     <!-- 颜色 -->
                     <th rowSpan="2" style="width:60px;"><spring:message code="enchase_show_package_color"/></th>
                     <!-- 箱号 -->
                     <th rowSpan="2" style="width:70px;"><spring:message code="enchase_show_package_cartonNo"/></th>
                     <!-- 箱数 -->
                     <th rowSpan="2" style="width:60px;"><spring:message code="enchase_show_package_cartonQuantity"/></th>                                        
                     <!-- 每箱尺寸搭配 -->
                     <th colSpan="8" style="width:322px;"><spring:message code="enchase_show_package_cartonSize"/></th>
                      <!--每箱 -->
                     <th rowSpan="2" style="width:60px;"><spring:message code="settlement_singleQuantity"/></th>
                     <!-- 总箱 -->
                     <th rowSpan="2" style="width:60px;"><spring:message code="settlement_allCartonQuantity"/></th>
                 </tr>
                 <tr id="trHeadPackageDetailsSize">      
                     <th style="width:34px;">${enchase.allSizeList[0].sizeName}</th>
                     <input type="hidden" name="allSizeList[0].sizeName" value=""/>
                     <input type="hidden" name="allSizeList[0].cartonSizeCd" value=""/>
                     <th style="width:34px;">${enchase.allSizeList[1].sizeName}</th>
                     <input type="hidden" name="allSizeList[1].sizeName" value=""/>
                     <input type="hidden" name="allSizeList[1].cartonSizeCd" value=""/>
                     <th style="width:34px;">${enchase.allSizeList[2].sizeName}</th>
                     <input type="hidden" name="allSizeList[2].sizeName" value=""/>
                     <input type="hidden" name="allSizeList[2].cartonSizeCd" value=""/>
                     <th style="width:34px;">${enchase.allSizeList[3].sizeName}</th>
                     <input type="hidden" name="allSizeList[3].sizeName" value=""/>
                     <input type="hidden" name="allSizeList[3].cartonSizeCd" value=""/>
                     <th style="width:34px;">${enchase.allSizeList[4].sizeName}</th>
                     <input type="hidden" name="allSizeList[4].sizeName" value=""/>
                     <input type="hidden" name="allSizeList[4].cartonSizeCd" value=""/>
                     <th style="width:34px;">${enchase.allSizeList[5].sizeName}</th>
                     <input type="hidden" name="allSizeList[5].sizeName" value=""/>
                     <input type="hidden" name="allSizeList[5].cartonSizeCd" value=""/>
                     <th style="width:34px;">${enchase.allSizeList[6].sizeName}</th>
                     <input type="hidden" name="allSizeList[6].sizeName" value=""/>
                     <input type="hidden" name="allSizeList[6].cartonSizeCd" value=""/>
                     <th style="width:34px;">${enchase.allSizeList[7].sizeName}</th>
                     <input type="hidden" name="allSizeList[7].sizeName" value=""/>
                     <input type="hidden" name="allSizeList[7].cartonSizeCd" value=""/>
                 </tr>
                 </thead>
             </table>
             <table cellpadding="0" class="tableBody" >
                 <tbody>
                 <tr>
                     <td style="width:30px;"></td>
                     <td><p style="width:70px;"></p></td>
                     <td><p style="width:70px;"></p></td>
                     <td style="width:60px;"></td>
                     <td style="width:60px;"></td>
                     <td style="width:60px;"></td>
                     <td style="width:70px;"></td>
                     <td style="width:50px;"></td>
                     <td style="width:60px;"></td>
                     <td style="width:50px;"></td>
                     <td style="width:40px;"></td>
                     <td style="width:50px;"></td>
                     <td style="width:34px;"></td>
                     <td style="width:34px;"></td>
                     <td style="width:34px;"></td>
                     <td style="width:34px;"></td>
                     <td style="width:34px;"></td>
                 </tr>
                 </tbody>
             </table>             
         </div>
      </div>
  </div>
 </div>
</div>
</form>
</body>
</html>